@charset "utf-8";
/* CSS Document */

/*产品页*/
#ProductTitle {background:url(../images/Product_03.gif) left top no-repeat; height:105px; position:relative;}
.ProductCont {background:url(../images/Product_21.gif) top left repeat-y; padding-left:264px; position:relative;}
#InsideNav {background:url(../images/Product_24.gif) bottom left no-repeat; position:absolute; left:0px; top:0px; width:255px; height:1000px; padding-top:20px;}
#InsideNav a {display:block; background:#dbdbdb; margin:8px; padding:8px 10px; color:#646464; }
#InsideNav a:hover,#InsideNav a.Hover {background:#D6BE8E url(../images/Product_10.gif) center top no-repeat; color:#ffffff;}
.ProductList {display:block; float:left; margin-left:18px; background:url(../images/Product_15.gif) bottom center no-repeat; padding-bottom:49px; position:relative; margin-bottom:34px;}
.ProductList:hover {background:url(../images/Product_17.gif) bottom center no-repeat;}
.ProductList img {border:5px solid #d8d8d8;}
.ProductList:hover  img {border:5px solid #ffc400;}
.ProductList span {display:block; font-size:14px; color:#7e7e7e; position:absolute; bottom:4px; left:5px; width:180px; height:21px; overflow:hidden;}
.ProductList:hover span {color:#ffffff;}

#Page {display:block; text-align:center;}
#Page a {display: inline-block; margin:2px; background:#c3c3c3; color:#ffffff; width:34px; height:34px; text-align:center; line-height:34px; border-radius:2px;}
#Page a:hover,#Page a.Hover { background:#ffc640;} 
#Page a.PageBack {background:url(../images/Product_26.gif) left top no-repeat;}
#Page a.PageBack:hover { background:url(../images/Product_32.gif) left top no-repeat;}
#Page a.PageNext {background:url(../images/Product_28.gif) left top no-repeat;}
#Page a.PageNext:hover { background:url(../images/Product_34.gif) left top no-repeat;}

/*文章详细内容块*/
#InsideDetails { background:#ffffff; width:765px; margin:0px auto; position:relative; min-height:602px; padding-left:285px; padding-right:30px; padding-top:30px; position:relative; padding-bottom:30px; }
@media screen and (max-width:1024px){
	#InsideDetails {width:720px;}
	}
#TitleDecorative {font-size:14px; text-transform:uppercase; color:#969696; font-family:Arial, Helvetica, sans-serif;}
#DetailsH {color:#7e7e7e; font-size:25px; padding-right:100px;} 
#ArticleDetailsTime { background:#ededed; height:27px; line-height:27px; text-transform:uppercase; color:#9c9c9c; padding:0px 10px; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:10px; margin-bottom:30px;}
#ArticleDetailsTime * {color:#000000; margin-right:10px;}
#DetailsPage {position:absolute; right:30px; top:55px;}
#DetailsPage a {display: inline-block; width:30px; height:30px;}
#DetailsPagePrev {background:url(../images/Insidepage_13.gif) -35px 0px no-repeat;}
#DetailsPagePrev:hover {background-position:-35px -31px;}
#DetailsPageNext {background:url(../images/Insidepage_13.gif) 0px 0px no-repeat;}
#DetailsPageNext:hover {background-position:0px -31px;}

#DetailsContent {color:#6f6f6f; font-size:14px; line-height:32px; text-align:justify; padding:0px 10px; min-height:400px;}
#InsideDetailsNav {width:255px; border-left:1px solid #c9b183;border-right:1px solid #c9b183; background:#e7e7e7; position:absolute; left:0px;top:0px;}
#InsideDetailsNav a {display:block; background:#dbdbdb; height:40px; margin:10px; color:#646464; font-size:14px; line-height:40px; padding:0px 20px;}
#InsideDetailsNav a:hover,#InsideDetailsNav a.Onfocus {background:#c9b183; color:#ffffff;}

#InsideDetailsBody {background:#f6f6f6;}
#ArticleCont {padding:20px; padding-right:0px; min-height:400px;}

/*列表页*/
#NewsList article {width:300px; background:#f6f6f6; height:98px; margin:0px 5px; float:left; padding:17px 40px; margin-bottom:10px; padding-left:220px; position:relative;
	-webkit-transition: background 0.1s ease-in;
	-moz-transition: background 0.1s ease-in;
	-ms-transition: background 0.1s ease-in;
	}
	#NewsList article img {position:absolute; top:17px; left:40px; border:1px solid #ededed;}
	#NewsList article .SlideTime {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#a5a4a4; font-weight:normal;}
	#NewsList article h2 a {font-size:14px; color:#5f5f5f;}
	#NewsList article p a{font-size:12px; color:#838383; margin-top:10px;}
	
	#NewsList article:hover h2 a{ color:#ffffff;}
	#NewsList article:hover p a {color:#ffffff;}
	#NewsList article:hover {background:#ffc400;}
	#NewsList article:hover .SlideTime {color:#ffffff;}
	#NewsList article:hover img { border:1px solid #ffffff;}
	
#NewsList { background:#ffffff; width:1140px; margin:0px auto; padding:30px; padding-top:0px; position:relative; min-height:602px;}
#NewsListTitle {display:block; margin:0px auto;}

#ListTitle {display:block; text-align:center; margin:20px 0px;}
#ListTitle p {font-size:12px; color:#8c8c8c;}


/*文本列表*/
.NewsList { width:554px; margin:0px auto; border-bottom:1px solid #e0e0e0; padding-left:84px; padding-right:162px; background:url(../images/NewsList_07.gif) 760px 20px no-repeat; position:relative; padding-bottom:15px; margin-bottom:15px;}
.NewsList:hover {background:url(../images/NewsList_10.gif) 760px 20px no-repeat;}
.NewsList .Time {position:absolute; left:0px; top:0px; width:71px; height:71px; background:#cfcfcf; color:#ffffff; text-align:center;font-family:Georgia,'宋体',Arial, Helvetica, sans-serif;}
.NewsList:hover .Time { background:#ffc600;}
.NewsList .Time .Day {font-size:40px;  line-height:40px;}
.NewsList .Time .Moon { text-transform:uppercase;}
.NewsList .Title { font-size:16px; color:#888888; margin-bottom:8px; display:block;}
.NewsList:hover .Title  {color:#ffb400;}
.NewsList .Cont { font-size:12px; color:#9f9f9f; line-height:20px; min-height:40px;}


/*客户咨询*/
#IndexMessage { width:820px; margin:0px auto; display:block; color:#999999; font-size:14px;}

#MessageTel{width:384px; margin:5px 20px 5px 0px; display:inline-block;}
#MessageTel input {width:384px; border:1px solid #e4e4e4; height:50px; line-height:50px; color:#333333; background:#f6f6f6; padding-left:20px; }
#MessageCont { width:800px; margin:10px 0px;}
#MessageCont textarea { width:800px; border:1px solid #e4e4e4;  background:#f6f6f6;color:#333333; padding:10px;}
#MessageSub{ text-align:center;}
#MessageSub input{background:#a4a4a4; width:153px; height:42px; border-radius:3px; border:none; line-height:42px; color:#ffffff; margin:20px auto;}
#MessageSub input:hover {background:#FFC400;}